<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>充值</title>
<link href="images/css.css"  rel="stylesheet" type="text/css" />
<script type='text/javascript' src='js/jquery-1.4.2.min.js'></script>
<script type='text/javascript' src='js/jquery.validate.min.js'></script>
<script type='text/javascript' src='js/common.js'></script>
<SCRIPT language=javascript src="js/popup.js"></SCRIPT>
<SCRIPT language=javascript src="js/js.js"></SCRIPT>
<style type="text/css">
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

</style></head>
<body style="margin:0px; text-align:center;"   bgcolor="#F1F1F1" >
<table width="789" height="922" border="0" cellpadding="0" cellspacing="0" bgcolor="#F1F1F1">
  <tr>
    <td width="789" height="39" align="left" valign="middle"><span class="STYLE1">&nbsp;<a href="javascript:void(parent.window.location.href='loginAction!login.action')" class="STYLE1">我的易彩通</a> &gt; 我的账号 &gt; 账号管理</span></td>
  </tr>
  <tr>
    <td height="883" align="left" valign="top" bgcolor="#FFFFFF" style="border:1px solid #C5C5C5; padding:1px ;"><table width="100%" height="32" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="1%" height="32" background="images/sp_bg.jpg">&nbsp;</td>
        <td width="3%" align="center" background="images/sp_bg.jpg" style="border-bottom:1px solid #C5C5C5;"><img src="images/dian.jpg" width="10" height="16" /></td>
        <td width="95%" align="left" background="images/sp_bg.jpg" style="border-bottom:1px solid #C5C5C5;"><span class="STYLE3">信息费充值</span></td>
        <td width="1%" background="images/sp_bg.jpg">&nbsp;</td>
      </tr>
    </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="48">&nbsp;</td>
        </tr>
      </table>
      
      <table width="656" height="21" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="207" height="21" align="center" bgcolor="#DEDEDE"><span class="STYLE4">1.填写申请信息</span></td>
          <td width="18"><img src="images/H_3.jpg" width="18" height="21" /></td>
          <td width="207" align="center" bgcolor="#F6AD47" class="STYLE4">2.充值信息费</td>
          <td width="16"><img src="images/H_1.jpg" width="16" height="21" /></td>
          <td width="208" align="center" bgcolor="#DEDEDE" class="STYLE4">3.申请成功</td>
        </tr>
      </table>
      <table width="649" height="167" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="62" align="left" valign="bottom" style="line-height:35px;"><span class="STYLE10">你要购买的产品：<br />
          </span></td>
        </tr>

        <tr>
          <td height="105" align="left" valign="top" class="STYLE5"><table width="650" height="103" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="175" height="29" align="center" background="images/lm1_bg.jpg">产品名称</td>
              <td width="10" background="images/lm1_bg.jpg"><img src="images/line2.jpg" width="10" height="25" /></td>
              <td width="465" align="center" background="images/lm1_bg.jpg">价格</td>
               <td width="10" background="images/lm1_bg.jpg"><img src="images/line2.jpg" width="10" height="25" /></td>
                <td width="157" align="center" background="images/lm1_bg.jpg">条数</td>
              </tr>
            <tr>
              <td align="center">信息费</td>
              <td>&nbsp;</td>
              <td align="center" class="STYLE12">${detailTopUp.sum}元</td>
              <td>&nbsp;</td>
              <td align="center" class="STYLE12">${detailTopUp.msgNum}条</td>
              </tr>
            <tr>
              <td height="25" colspan="5" align="right"><span class="STYLE12">总计：${detailTopUp.sum}元&nbsp;</span></td>
            </tr>
            <tr>
              <td height="25" colspan="5" align="right" class="STYLE12">您需要支付：${detailTopUp.sum}元&nbsp;</td>
            </tr>
          </table></td>
        </tr>
      </table>
      <table width="649" height="233" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="62" align="left" valign="bottom" style="line-height:35px;"><span class="STYLE10"><span class="STYLE12">选择支付方式</span>：<br />
          </span></td>
        </tr>

        <tr>
          <td height="171" align="left" valign="top" class="STYLE5"><table width="648" height="238" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB; " id="a1">
            <tr>
              <td width="112" height="22" align="center" style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB;" >财付通支付</td>
              <td width="9" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
              <td width="113" align="center" background="images/line3.jpg" onClick="sy(2);" onMouseOver="sy(2);" style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;">银行转账</td>
              <td width="413" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
            </tr>
            <tr>
              <td height="215" colspan="4" style="border-right:1px solid #DBDBDB;"><table width="341" height="132" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="83" height="31" align="right">支付金额：</td>
                  <td width="258"><span class="STYLE12">${detailTopUp.sum}元</span></td>
                </tr>
                <tr>
                  <td height="67" align="right" valign="top"><br />支付方式：</td>
                  <td>&nbsp;&nbsp;<img src="images/cft.jpg" width="126" height="42" /></td>
                </tr>
                <tr>
                  <td height="34">&nbsp;</td>
                  <td align="left">&nbsp;&nbsp;<img src="images/qrzf.jpg"   onClick="open1('zftx.jsp?payNum=${detailTopUp.sum}')" style="cursor: hand;" width="142" height="24" /></td>
                </tr>
              </table></td>
              </tr>
          </table>
          <table width="648" height="433" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB;display:none;" id="a2">
            <tr>
              <td width="112" height="22" align="center" background="images/line3.jpg" style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB;" onMouseOver="sy(1);" onClick="sy(1);">财付通支付</td>
              <td width="9" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
              <td width="113" align="center"  style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;">银行转账</td>
              <td width="413" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
            </tr>
            <tr>
              <td height="410" colspan="4" align="left" valign="top" style="border-right:1px solid #DBDBDB;"><table width="636" height="414" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="32" height="29">&nbsp;</td>
                    <td width="604" style="line-height:20px;"><div style="line-height:60px;">转账金额：<span class="STYLE12">${detailTopUp.sum}元</span></div>
                      <strong><br />
                        </strong>
                      <div style="line-height:30px;"><strong>我们的收款账户：</strong></div>
                    开户名：<br />
开户银行：****有限公司<br />
银行账号：建设银行深圳高新园南区支行<br />
登录账户：13888990000（填写银行转账单时，务必在备注中填写此号码和注明易彩通开通充值）<br /><br />
<div style="line-height:30px;"><strong>转账须知：</strong></div>
1.请您牢记以上银行账号信息，前往银行柜台进行转账。<br />
2.在办理电汇或现金存款时，请您在电汇单或现金存款单上的"用途栏”中注明”易彩通“开通充值。<br />
&nbsp;&nbsp;（登录账户和注明”易彩通"开通充值的信息提供，将便于我公司系统能自动、快捷、准确地处理您的订单）<br /><br />
<div style="line-height:30px;"><strong>温馨提示：</strong>如果您需要使用其他支付方式，请联系客服热线：<span class="STYLE11">400-800-000</span></div>
                      </td>
                  </tr>
                  <tr>
                    <td height="54">&nbsp;</td>
                    <td height="54" align="center"><img src="images/dr1.jpg" onClick="location.href='pay!sendPayWzz.action?payNum=${detailTopUp.sum}'" alt=""    /></td>
                  </tr>
                </table></td>
              </tr>
          </table>
          
          </td>
        </tr>
      </table>
      
      <table width="200" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="34">&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="8">&nbsp;</td>
  </tr>
</table>
<input type="hidden" id="payNumId" value="${detailTopUp.sum}">
<form id="getForm"> <input type="hidden" id="getData" value="" ></form>
</body>
</html>
<script>
function sy(id)
{
  if(id==2)
  {
     document.getElementById("a1").style.display="none";
   document.getElementById("a2").style.display="block";
  }
  if(id==1)
  {
   document.getElementById("a2").style.display="none";
   document.getElementById("a1").style.display="block";
  }
}

function open1(url)
{
var r=parseInt(Math.random()*1000);
window.open("pay!sendCftRequest.action?payNum=" + $("#payNumId").val(),"_blank");
window.showModelessDialog(url,window,'status:no;help:no;dialogHeight:200px; dialogWidth:500px');
}
//location.href='pay!sendPayCft.action?payNum=${detailTopUp.sum}'
</script>